<template>
	<scroll-view scroll-y="true" class="scroll-Y task-scroll" :style="{height:heightValue+'px'}">
		<view class="activity-home">
			<div v-html="code"></div>
			<div></div>
		</view>
	</scroll-view>

</template>

<!-- 活动详情 -->
<script>
	import {
		getHeight
	} from '@/utiles/utils.js';
	export default {
		data() {
			return {
				heightValue: 0,
				code: '<img src = "https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uni@2x.png"style = "width:100%;height:198px;margin:20px 0;" / ><div style = "font-size: 16px;font-weight: 400;" > 《元梦之星》 美团皮肤领取方法 < /div><div style = "font-size: 16px;font-weight: bold;margin:27px 0 12px 0;" > 详细介绍： < /div><div style = "font-size: 16px;font-weight: 400;line-height: 24px;" > 1、 首先进入游戏。 < /div> <div style = "font-size: 16px;font-weight: 400;line-height: 24px;" > 2、 我们点击活动。 < /div><div style = "font-size: 16px;font-weight: 400;line-height: 24px;" > 3、 点击里面的庆典签到。 < /div><div style = "font-size: 16px;font-weight: 400;line-height: 24px;" > 4、 连续签到4天即可点击领取美团外卖员皮肤。 < /div><img src = "https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uni@2x.png"style = "width:100%;height:198px;margin:20px 0;" / >'
			}
		},
		onShow() {
			const windowHeight = getHeight().windowHeight //100vh
			this.heightValue = windowHeight
			// 改变标题
			uni.setNavigationBarTitle({
				title: '菠萝'
			});
			setTimeout(() => {
				uni.setNavigationBarTitle({
					title: '圆梦之心'
				});
			}, 5000)

			console.log(getCurrentPages(), 'getCurrentPages()')
		},
		methods: {

		}
	}
</script>

<style scoped lang="scss">
	.activity-home {
		padding: 0 30rpx;
		font-family: PingFang SC, PingFang SC;
		color: #000000;
	}
</style>